<script>
layui.use(['element','layer'], function(){
  var $ = layui.jquery
  ,element = layui.element(),
  layer = layui.layer;
  //Tab的切换功能，切换事件监听等，需要依赖element模块
  
});
</script>
<script src="http://open.web.meitu.com/sources/xiuxiu.js" type="text/javascript"></script>

<script type="text/javascript">
    window.onload=function(){

      /*第1个参数是加载编辑器div容器，第2个参数是编辑器类型，第3个参数是div容器宽，第4个参数是div容器高*/
      xiuxiu.embedSWF("face",5,"600","400");
      //修改为您自己的图片上传接口
      path = "http://127.0.0.1{:U('home/set/upload')}";
      // alert(path);
      xiuxiu.setUploadURL(path);
      xiuxiu.setUploadType(2);
      xiuxiu.setUploadDataFieldName("upload_file");
      xiuxiu.onInit = function ()
      {
        faceUrl = "http://127.0.0.1__ROOT__/<?php echo $_SESSION['face'] ?>";
        xiuxiu.loadPhoto(faceUrl);//修改为要处理的图片url
      }
      xiuxiu.onUploadResponse = function (data)
      {
         layer.msg('见到你真的很高兴', {icon: 6});

        // layer.alert('这个是要弹出');
        // if(data=='0'){
        //     alert('上传失败');
        // }else{
        //     alert('上传成功');
        //     path = "__ROOT__/"+data;
        //     $('.face').attr('src',path);
        // }
      }
    }
</script>
<div class="main fly-user-main layui-clear">
    <include file="Common:sidebar" />
    <div class="site-tree-mobile layui-hide">
        <i class="layui-icon">
            
        </i>
    </div>
    <div class="site-mobile-shade">
    </div>
    <div class="layui-tab layui-tab-brief" lay-filter="user">
        <ul class="layui-tab-title" id="LAY_mine">
            <li class="layui-this" hash="info">
                我的资料
            </li>
            <li hash="avatar">
                头像
            </li>
            <li hash="pass">
                密码
            </li>
            <li hash="bind">
                帐号绑定
            </li>
        </ul>
        <div class="layui-tab-content" style="padding: 20px 0;">
            <div class="layui-form layui-form-pane layui-tab-item layui-show">
                <form method="post">
                    <div class="layui-form-item">
                        <label for="L_email" class="layui-form-label">
                            邮箱
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" id="L_email" name="email" required="" lay-verify="email"
                            autocomplete="off" value="113664000@qq.com" class="layui-input">
                        </div>
                        <div class="layui-form-mid layui-word-aux">
                            如果您在邮箱已激活的情况下，变更了邮箱，需
                            <a href="{:U('home/activate/index')}" style="font-size: 12px; color: #4f99cf;">
                                重新验证邮箱
                            </a>
                            。
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="L_username" class="layui-form-label">
                            昵称
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" id="L_username" name="username" required="" lay-verify="required"
                            autocomplete="off" value="zhibinm" class="layui-input">
                        </div>
                        <div class="layui-inline">
                            <div class="layui-input-inline">
                                <input type="radio" name="sex" value="0" checked="" title="男">
                                <div class="layui-unselect layui-form-radio layui-form-radioed">
                                    <i class="layui-anim layui-icon">
                                        
                                    </i>
                                    <span>
                                        男
                                    </span>
                                </div>
                                <input type="radio" name="sex" value="1" title="女">
                                <div class="layui-unselect layui-form-radio">
                                    <i class="layui-anim layui-icon">
                                        
                                    </i>
                                    <span>
                                        女
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="L_city" class="layui-form-label">
                            城市
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" id="L_city" name="city" autocomplete="off" value="广州"
                            class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item layui-form-text">
                        <label for="L_sign" class="layui-form-label">
                            签名
                        </label>
                        <div class="layui-input-block">
                            <textarea placeholder="随便写些什么刷下存在感" id="L_sign" name="sign" autocomplete="off"
                            class="layui-textarea" style="height: 80px;">
                                sdafsdfsdfsdf
                            </textarea>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <button class="layui-btn" key="set-mine" lay-filter="*" lay-submit="">
                            确认修改
                        </button>
                    </div>
                </form>
            </div>
            <div class="layui-form layui-form-pane layui-tab-item">
                <div id="face" style="width:600px;height:400px"></div>
            </div>
            <div class="layui-form layui-form-pane layui-tab-item">
                <div class="layui-form-item">
                    <label for="L_pass" class="layui-form-label">
                        新密码
                    </label>
                    <div class="layui-input-inline">
                        <input type="password" id="L_pass" name="pass" required="" lay-verify="required"
                        autocomplete="off" class="layui-input">
                    </div>
                    <div class="layui-form-mid layui-word-aux">
                        6到16个字符
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="L_repass" class="layui-form-label">
                        确认密码
                    </label>
                    <div class="layui-input-inline">
                        <input type="password" id="L_repass" name="repass" required="" lay-verify="required"
                        autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <button class="layui-btn" key="set-mine" lay-filter="*" lay-submit="">
                        确认修改
                    </button>
                </div>
            </div>
            <div class="layui-form layui-form-pane layui-tab-item">
                <ul class="app-bind">
                    <li class="fly-msg  app-havebind">
                        <i class="iconfont icon-qq">
                        </i>
                        <span>
                            已成功绑定，您可以使用QQ帐号直接登录Fly社区，当然，您也可以
                        </span>
                        <a href="javascript:;" class="acc-unbind" type="qq_id">
                            解除绑定
                        </a>
                    </li>
                    <li class="fly-msg ">
                        <i class="iconfont icon-weibo">
                        </i>
                        <a href="http://fly.layui.com:8098/app/weibo/" class="acc-weibo" type="weibo_id"
                        onclick="layer.msg('正在绑定微博', {icon:16, shade: 0.1, time:0})">
                            立即绑定
                        </a>
                        <span>
                            ，即可使用微博帐号登录Fly社区
                        </span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
